*{margin: 0;padding: 0;}
li{list-style: none;}
/* a{text-decoration: none;} */
/* 头部开始 */
.header .footer{width: 100%;background-color: #fff;}
/* left开始 */
.header .nav{width: 80%;margin: 0 auto;/* border: 1px #ccc solid */;margin-bottom: 40px;}
.header .nav .left{width: 40%;height: 230px;float: left;/* border: 1px green solid */;}
.nav .left .p1{color: #d4d8db;font-size: 12px;line-height: 27px;margin-top: 20px;margin-bottom: 100px;}
.nav .left b{color: #34495e;font-size: 33px;line-height: 27px;}
.nav .left span{color: #1abc9c;}
.nav .left .p2{color: #bdc3c7;font-size: 22px;line-height: 27px;}
.nav .left .p3{color: #bdc3c7;font-size: 15px;line-height: 27px;}



/* rigth开始 */
.header .nav .right{width: 50%;height: 230px;float: right;/* border: 1px red solid */;}
.header .nav .right ul{float: left;width: 460px;height: 80px;/* border: 1px green solid; */line-height: 80px;}
.header .nav .right ul li{float: left;/* border: 1px #ccc solid; */line-height: 80px;margin: 0 8px;padding: 20px 0;}
.header .nav .right ul li a{padding: 0 8px;height: 35px;color: #cfd3d6;font-size: 13px;line-height: 35px;
display: block;text-transform: uppercase;}
.header .nav .right ul li a:hover{background: #1abc9c;text-decoration: none;color: #fff;/* border-radius: 3px; */}
.header .nav .right .search{float: right;height: 80px;padding: 30px 10px;/* border: 1px red solid; */}
/* btm_div开始 */
.header .nav .right .btm_div{width: 260px;height: 90px;/* border: 1px red solid; */margin-top: 30%;margin-left: 45%;/* position: relative;top: 40%;left: 40% */}
.header .nav .right .btm_div p{color: #bdc3c7;font-size: 18px;/* line-height: 27px; */}
.header .nav .right .btm_div{width: 260px;height: 90px;/* border: 1px red solid; */margin-top: 138px;margin-left: 283px;/* position: relative;top: 140px;left: 280px; */}
.header .nav .right .btm_div p{color: #bdc3c7;font-size: 18px;line-height: 27px;}
.header .nav .right .btm_div img{margin-right: 6px;}

/* 内容开始 */
.content{width: 100%;background-color: #34495e;padding-bottom: 40px;}
.content h4{color: #ecf0f1;font-size: 13px;line-height: 80px;text-align: center;}
.content .container{width: 80%;}
.content .container .row h3{color: #ecf0f1;font-size: 16px;line-height: 18px;text-align: center;}
.content .container .row p{color: #bdc3c7;font-size: 12px;line-height: 18px;text-align: center;margin-bottom: 20px;}
.content .container .row .thumbnail{background-color: #34495e;padding: 0;border: 1px #34495e solid;}

/* 底部导航开始 */
.footer .container{width: 85%;margin-top: 40px;padding: 0;}
.footer .container h3{color: #bdc3c7;font-size: 16px;line-height: 24px;text-transform: uppercase;}
.footer .container p{color: #bdc3c7;font-size: 13px;line-height: 18px;margin-bottom: 20px;}
.footer .container .div1,.footer .container .div2,.footer .container .div3,
.footer .container .div4{/* border: 1px red solid; */padding: 10px;}

.footer .container h4{color: #bdc3c7;font-size: 14px;line-height: 16px;}
.footer .container .div2 p{color: #bdc3c7;font-size: 10px;line-height: 14px;margin-bottom: 15px;}

.footer .container .div3 p{padding: 16px;margin-bottom: 12px;}
.footer .container .div3 .list1{background-color: #ecf0f1;}

.footer .container .div4 .thumbnail{padding: 0;}
.footer .container .div4 a:hover{border: 2px #1abc9c solid;}
.footer .container .div4 div{padding: 0 5px;}
hr{width: 100%;margin: 30px 0;}
.footer .container .left1{float: left;}
.footer .container .right1{float: right;}
.content .container .row .thumbnail{padding: 0;border: 1px #34495e solid;}

/* 底部导航开始 */
/* .footer .container{width: 85%;} */
.footer .container h3{color: #bdc3c7;font-size: 16px;line-height: 24px;text-transform: uppercase;}
.footer .container .div1 p{color: #bdc3c7;font-size: 13px;line-height: 18px;margin-bottom: 20px;}
.footer .container h4{color: #bdc3c7;font-size: 14px;line-height: 16px;}
.footer .container .div2 p{color: #bdc3c7;font-size: 10px;line-height: 14px;margin-bottom: 20px;}
